/* ------------------------------------------------------------------------
	Regex que mudou a referencia das imagens:
	url\(../images/(.+?)\)
	url(#{resource['images:$1']})
------------------------------------------------------------------------- */

/* !!!!! GLOBAL ELEMENTS !!!!! */
html, body, .main_wrapper {height: 100%;}
body > .main_wrapper {height: auto; min-height: 100%; }

* { padding:0; margin:0; }

header, section, footer, nav, aside { display:block;}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, select, a, blockquote{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif;  margin:0; padding:0; }

body { font-size:12px; color:#FFF; text-shadow:0 1px 0 #000; background:#000 url(#{resource['images:body_bg_new.jpg']}) repeat fixed center top}

h1, h2, h3, h4, h5, h6 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-shadow:0 -0px 2px #737373;  color:#000;  } 
h1 { font-size:20px; font-weight:normal; } 
h2 { font-size:18px; font-weight:normal; background: url(#{resource['images:box_bg2.png']}) repeat; padding:5px 10px; -moz-border-radius-topleft: 5px;  -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius: 5px; } 
h3 { font-size:16px; font-weight:normal; }
h4 { font-size:14px; font-weight:normal; }
h5 { font-size:12px; font-weight:normal;}
h6 { font-size:12px; font-weight:normal; }

p { padding:3px 0 5px 0 }

a { text-decoration:none; color:#FFF; }
a:hover { text-decoration:underline; color:#FFF; }
a:active { color:#FFF; }
a:focus { outline:none; }
select:focus { outline:none; }

ul, ol { margin:0 0 10px 20px; }
li { margin:0 0 5px 0; }

form { margin:0; padding:0; }
label, input, textarea, select { }

table { } 
td, th { }

/*___ end global elements ___*/


/* !!!!! GLOBAL CLASSES !!!!! */

.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }
.clearfix { display:block; }

/*___ end global classes ___*/


/* !!!!! STRUCTURAL CLASSES !!!!! */
.main_wrapper {  height:100%; min-height:100%; width:100%; position:relative;}

#wrapper { width:1000px; margin:0 auto; padding-bottom:100px; position:relative } 
#header, header  { margin:0; padding:0;  }

#content { } 
 
.narrowcolumn { width:280px; float:left; margin-right:10px; }
.narrowcolumnRight { width:280px; float:left; margin-left:10px; }
.container { padding:0px; margin:0 0 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px; border:solid 0px #000;background:  url(#{resource['images:box_bg.png']}) repeat;     -moz-box-shadow:0px 1px 5px #000; -webkit-box-shadow:0px 1px 5px #000; box-shadow:0px 1px 5px #1c1c1c; }
.usercontainer { padding:0px; -moz-border-radius: 5px;	-webkit-border-radius: 5px;  border-radius: 5px;border:solid 0px #000;background:  url(#{resource['images:box_bg.png']}) repeat;  -moz-box-shadow:0px 1px 5px #000;    -webkit-box-shadow:0px 1px 5px #000;    box-shadow:0px 1px 5px #1c1c1c; }
.subContainer{ padding-bottom:10px; }
.subContainer.eheight{ min-height:180px;}
.subContainer.eheight2{ min-height:235px;}
.subContainer.eheight.subContainerpading { padding:10px;  min-height:170px;}
.subContainer.eheight2.subContainerpading { padding:10px;  min-height:225px;}
.subContainer.eheightcoll1, .eheightcoll1 { min-height:470px;}
	
	
#sidebar { }

#footer, footer  { position:absolute; margin-top:-197px; padding:0; width:100%; z-index:-1;  }
.footer_contianer { height:037px; text-align:center; padding-top:120px; padding-bottom:40px; color:#FFFFFF;}

/*___ end structural classes ___*/

.navitationmenu, nav { display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px; background: url(#{resource['images:box_bg.png']}) repeat; margin-bottom:8px;}
.navitationmenu ul, nav ul{ display:block; list-style:none; padding:0 0 0 5px; margin:0;}
.navitationmenu ul li.frest, nav ul li.frest  { border-left-width:0px;}
.navitationmenu ul li.lastnav, nav ul li.lastnav  { border-right-width:0px;}
.navitationmenu ul li, nav ul li { float:left; display:inline; padding:0; margin:0; border-right:solid 1px #1d1c1c; position:relative;}
.navitationmenu ul li a, nav ul li a { float:left; display:inline; height:35px; line-height:35px; padding:0 10px; text-shadow:0 -1px 2px #737373; color:#000; font-size:13px; -webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
.navitationmenu ul li a:hover, .navitationmenu ul li a.active, nav ul li a:hover, nav ul li a.active,
#myprofilepage .navitationmenu ul li a.pageactive,
#myaccountpage a.hompage,
#myeditcsspage a.hompage,
#myfilepage a.mycsspage  { background: url(#{resource['images:box_bg2.png']}) repeat; background-color: rgba(0, 0, 0, 0.3);text-decoration:none; color:#FFF}
#myfilepage nav ul li.alignright, #myprofilepage nav ul li.alignright{ display:none}
nav ul li.floatright{ float:right}
nav.userNavgation a{ color:#FFF;}

.navitationmenu ul ul, nav ul ul { position:absolute; left:0; top:35px; width:250px; background: url(#{resource['images:box_bg.png']}) repeat; padding:10px; display:none}
.navitationmenu ul ul li, nav ul ul li { border-right:0px; float:none; display:block; }
.navitationmenu ul ul li a, nav ul ul li a{ float:none; display:block;}
.navitationmenu ul li:hover ul, nav ul li:hover ul{ display:block;}


/* LOGO */
h1#logo { padding:60px 0 15px 0px; margin:0}
h1#logo a { display:block; width:245px; height:43px; margin:0 auto;  text-indent:-9999px; text-decoration:none; background:url(#{resource['images:logo.png']}) no-repeat 0 0; } 


/* Banner*/
.banner { margin:0; padding:0; width:100%;  position:fixed; bottom:0px; display:block; margin:0 auto;  background:url(#{resource['images:banner.png']}) repeat; height:0px;}
.banner_container {  width:950px; padding:10px; margin:0 auto; color:#FFF; text-align:left; position:relative}
.banner_container .close { display:block; width:26px; height:17px; background:url(#{resource['images:btn_close.png']}) no-repeat left top; position:absolute; top:-17px; right:0px;}
.banner_container .close.active { background-position:0 bottom}
.banner_container a { color:#FFF;}
.banner ul { padding:0; margin:0;}
.banner ul li { display:inline; padding:0 6px 0 0 ;}
.banner ul li.leftli{ float:right}

.narrowcolumnRight h2 { position:relative;}

/*Login Nav*/
.subnavigation { position:absolute; top:0; right:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:url(#{resource['images:box_bg.png']}) repeat scroll 0 0 transparent; -moz-box-shadow:1px  2px  2px  #191919; font-size:14px; z-index:99999999}
.subnavigation li { display:inline-block; float:left;  line-height:30px; margin:0; padding:0;}
.subnavigation li a { display:inline-block;  padding:0px 15px; color:#FFF; text-decoration:none;}
.subnavigation li a:hover { background:url(#{resource['images:box_bg2.png']}) repeat 0 0}
.subnavigation li.welcome{ padding-left:20px;}
.subnavigation li.welcome a { padding:0 15px 0 10px;}

.subnavigation li span.beta { font-size:11px; position:relative; top:-8px; }

.subnavigation li ul { position:absolute;  background:#000; padding:10px; z-index:99999; right:0; top:29px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #000}
.subnavigation li ul li { display:block; float:none; }
.subnavigation li ul li textarea{ border:solid 1px #000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px; font-size:12px; width:250px; height:60px;}
.subnavigation li.active { background:url(#{resource['images:box_bg2.png']}) repeat scroll 0 0 transparent;}
.subnavigation textarea.error { border-color:red;}